<template>
	<view id="app">
		
		<!-- nav 导航栏 -->
		<view class="f32 bw ptb15 lh60">
			<view class="df dfsb aic w65p mauto c666">
				
				<picker @change="bindPickerChange" :value="index" :range="array" class="w42p">
					<view class="df dfsb aic w80p mauto">
						<view class="uni-input f30 cFF9646">{{array[index]?array[index]:'上架中'}}</view>
						<image class="navlistxl mb10 mt10" src="/static/xxc.png"></image>
					</view>
				</picker>
				
				<picker @change="bindPickerChange2" :value="index2" :range="array2" class="w42p">
					<view class="df dfsb aic w80p mauto">
						<view class="uni-input f30">{{array2[index2]?array2[index2]:'成交状态'}}</view>
						<image class="navlistxl mb10 mt10" src="/static/xx.png"></image>
					</view>
				</picker>
		
			</view>
		</view>
		
		
		<!-- 列表 for -->
		<view class="bw w93p mauto mt30" @click="details">
			<view class="mlr30">
				<view class="df dfsb pt30">
					<image src="/static/2867.png" class="wh200 br4"></image>
					<view class="f30 c333 w65p lh45">
						<view class="t2hd fwb">95新 华为Mate Xs/mate X2 5G折叠屏手机</view>
							<view class="c666 f26">快递物流</view>
							<view class="f30 fwb cFF9646">￥3000</view>
					</view>
				</view>
				<view class="c666 f26 bdb1sE lh70">2021-10-20 15:30 至 2021-11-20 15:30</view>
				<view class="df dfsb aic">
					<view class="cFF9646 f30 lh70 fwb">0投标</view>
					<view class="df dfsb aic w45p">
						<view class="f24 c333 w45p">
							<image src="/static/b1.png" class="b1 mr10"/>
							编辑
						</view>
						<view class="f24 c333 w45p">
							<image src="/static/c1.png" class="c1 mr10"/>
							删除
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 悬浮发布 -->
		<view class="pf r5p b10p br100 wh130" @click="release">
			<image src="/static/release.png" class="wh130 br100"></image>
		</view>
		
	</view>
</template>

<script>
	
	// 定义全局变量
	var that;
	
	// 默认
	export default {
		
		// 定义页面变量
		data() {
			
			return {
				
				array: ['上架中', '上架中1', '上架中2'],
				index: 0,
				array2: ['成交状态', '成交状态1', '成交状态2'],
				index2: 0,
				
				// 建立页面参数
				param:{},
				
				// 建立页面变量
				pages:{
					
					
					
				},
				
				// 建立页面数据
				info:{},
				
			}
			
		},
		
		// 获取后
		onLoad() {
			
			// 赋值
			that = this ;
			
		},
		
		// 显示后
		onShow() {
			
		},

		// 方法列表
		methods: {

			// 下拉事件
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				that.index = e.target.value
			},
			bindPickerChange2: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				that.index2 = e.target.value
			},
			
			// 详情
			details(){
				uni.navigateTo({
					url:'/pages/my/sjdetails',
				})
			},
			
			// 悬浮发布
			release(){
				uni.navigateTo({
					url:'/pages/task/release',
				})
			},
			
		},

	}
</script>

<style>

	/* 下拉 */
	.navlistxl {
		width: 15rpx;
		height: 9rpx;
	}
	
	.b1{
		width: 25rpx;
		height: 23rpx;
	}
	
	.c1{
		width: 23rpx;
		height: 23rpx;
	}

</style>
